-
In viewing the site using an Ipad the logo is distorted. Please review the screenshot below. The logo appears fine using an Iphone or other mobile devices, along with viewing from a computer or laptop. Is there a specific setting related to the Ipad to resolve the distortion of the logo? Please advise.
Hi.,
Get into Admin Panel > Appearance > Customize > Additional CSS > Pasted the below css code inside the text area > Save All.
@media only screen and (max-width: 1199px) and (min-width: 992px) { .header-align-left #logo a img, .header-align-center #logo a img { height: 200px !important; }}
@media only screen and (max-width: 991px) and (min-width: 768px) {.header-align-left #logo a img, .header-align-center #logo a img { height: 200px !important; }}
@media only screen and (max-width: 767px) {.header-align-left #logo a img, .header-align-center #logo a img { height: 200px !important; }}
Note: If you still have any issues, kindly send us some screenshot/video where you have the issue. So that we will check the issue.
Thanks for the quick response. That has fixed the logo issue on the Ipad however, the menu on the Ipad does not show all the options. See screenshot. It’s because the menu font is black and now has black background. Is it possible to have the menu font white for the Ipad display only? Please let me know.
Hi.,
Get into Admin Panel > Appearance > Customize > Additional CSS > Pasted the below css code inside the text area > Save All.
@media only screen and (max-width: 1199px) and (min-width: 992px) { #main-menu ul.menu > li > a { color: #fff !important; } #main-menu ul.menu li a:hover, #main-menu > ul.menu > li.current_page_item > a, #main-menu > ul.menu > li.current_page_ancestor > a, #main-menu > ul.menu > li.current-menu-item > a, #main-menu ul.menu > li.current-menu-ancestor > a, #main-menu ul.menu li.menu-item-simple-parent ul > li.current_page_item > a, #main-menu ul.menu li.menu-item-simple-parent ul > li.current_page_ancestor > a, #main-menu ul.menu li.menu-item-simple-parent ul > li.current-menu-item > a, #main-menu ul.menu li.menu-item-simple-parent ul > li.current-menu-ancestor > a, .left-header .menu-active-highlight-grey #main-menu > ul.menu > li.current_page_item > a, .left-header .menu-active-highlight-grey #main-menu > ul.menu > li.current_page_ancestor > a, .left-header .menu-active-highlight-grey #main-menu > ul.menu > li.current-menu-item > a, .left-header .menu-active-highlight-grey #main-menu > ul.menu > li.current-menu-ancestor > a { color: #c19300 !important; } }
Note: If you still have any issues, kindly send us some screenshot/video where you have the issue. So that we will check the issue.
The forum ‘Woo Shop | Responsive WooCommerce Theme’ is closed to new topics and replies.