- This topic has 10 replies, 2 voices, and was last updated 5 years, 6 months ago by
.
-
Posts
-
Hello,
I'm working on a child theme and the Header Logo and Genesis Responsive Slider are not actually responsive on my mobile.
I'm working on a local host but i've got a demo at gettingovertwentwyfive.co.uk/twentyeight
The logo image just doesn't show and the responsive slider is huge, can anyone help? I didn't think I had to use any code to make these responsive if I was using the genesis framework and coding guidelines.
http://gettingovertwentyfive.co.uk/twentyeightA fixed width of 1200px is currently set for
.site-headerand#genesis-responsive-sliderin your theme's style.css. Get rid of these to fix the problem.
Ah thank you!
do i just remove width completely? or set it to 100%?
I just need to make sure they both stay centered...Remove it completely for
.site-header.Change it to
max-widthfor#genesis-responsive-slider.
Thank you, it's worked perfectly for the slider.
The logo is now showing - however it's oversized in the mobile view - any idea?
I've changed the code on the local host, not the demo.Try this:
In style.css, for
.header-image .site-title > asetbackground-sizetocontain !important.
No that hasn't worked either - i've tried so many different ways to get the header to fit in a mobile screen and none if it is working. it works if it's just the site header and description, but the minute you upload a logo image, it stops being responsive
The fixed widths of 1200px are still present at https://gettingovertwentyfive.co.uk/twentyeight/. Can you update your demo site and let us know when done?
To be honest it's more effort than it's worth to reload the theme on the demo site, because you can't edit the code on there. but i'm happy to copy the CSS here:
(Edited by moderator: Please don't add your entire stylesheet; it clogs up forum search results).Unfortunately, for me to assist you I'd need either your website URL where you can make the suggested edits or access to your website that I can log into and make the changes myself.
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.