- This topic has 15 replies, 3 voices, and was last updated 3 months, 3 weeks ago by
Leo.
-
AuthorPosts
-
November 3, 2020 at 2:05 pm #1516872
Ethan
Hi there, my site works fine on desktop, mobile and non-pro tablets. But iPad Pro portrait mode things are looking messy.
My site’s logo gets so small and left hand side menu just overflowing over the main content are and looks messy. Here’s my home page. Please see it in an ipad pro in portrait mode.
Is there anyway I can fix this?
November 3, 2020 at 5:46 pm #1517016Leo
StaffCustomer SupportHi there,
This is what I’m seeing using the browser simulator:
https://www.screencast.com/t/2snzJnjGDH9rIs that what you are seeing as well?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 1:30 am #1517263Ethan
Hi Leo,
That’s weird. This is wat I see on my ipad pro:
screencaptureNovember 4, 2020 at 4:44 am #1517469David
StaffCustomer SupportHi there,
the main issue is your sidebars are set to 15% wide which is not wide enough for the widgets.
Try increasing it to 20% in Customizer > Layout > SidebarsDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 5:02 am #1517488Ethan
Hey David, thank you so much. You were right. It’s working now.
Only one thing, why is the site logo is exteremly small in portrait mode (iPad pro)?
November 4, 2020 at 5:09 am #1517498David
StaffCustomer SupportCan you disable the cache and lazyloader so i can see whats causing that
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 6:23 am #1517576Ethan
just disabled them David.
November 4, 2020 at 9:53 am #1518035Leo
StaffCustomer SupportI’m still seeing some sort of caching going on.
Can you disable all of your caching plugs and server cache?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 9:56 am #1518038Ethan
I am using WP Rocket and will disable everything now
November 4, 2020 at 10:10 am #1518054Leo
StaffCustomer SupportThis CSS you’ve added is causing the issue:
https://www.screencast.com/t/dGBIsZHiZKThe massive
margin-left
is pushing the logo to be super small.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 11:22 am #1518130Ethan
Oh I see, I remembered that one. I did that to push the search bar to the right. Otherwise it doesn’t look symetrical. I change dit again thanks @Leo. Search bar seems a bit weird now I guess I can’t have them both at the same time.
November 4, 2020 at 12:44 pm #1518212Leo
StaffCustomer SupportOtherwise it doesn’t look symetrical.
Not sure if I understand.
What’s weird about the search bar now?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 1:18 pm #1518252Ethan
Sorry @leo that wasn’t very clear.
I want search bar to finish by extactly where the container finishes. Like end of “Guides” button for example. Is that clear?
If you look at my logo it starts where the container starts and I want search bar to finish where the container ends.
November 4, 2020 at 4:05 pm #1518376Leo
StaffCustomer SupportIt’s not at the end as you have this CSS added:
.dgwt-wcas-search-wrapp { width: 39%; }
Try changing it to:
.dgwt-wcas-search-wrapp { width: 39%; margin-right: 0; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 5, 2020 at 3:05 am #1518740 -
AuthorPosts
- You must be logged in to reply to this topic.