-
Posts
-
Hi
Recently I received some help from Mike to fix the mobile menu on my website that stopped working. He did the following:I took a look at your page and menu items and found that you had many of each ID that were the anchors for the links, this causes problems for the page because you can only have one unique ID on each page. I see that you have many of each section, and ID, because you wanted to hide some elements on different screen widths. So the challenge is to group sections together to share menu anchors, I achieved this on your page by adding code block elements before each group and including the anchors like this:
Your anchors are now working, Please clear your browser cache and check.Since then the mobile menu works, but the sections on the homepage have all big white space that wasn’t there before. I was asked to add the following to quick css
.content {
padding-top:0px !important;
padding-bottom:0px !important;
}The problem with that is it cancels out all the padding settings and the headers slide up to the top.
I can’t fix the problem. It all started with the mobile menu but I don’t know what Mike changed … Argh, can someone help me sort this out?
Thank you
JuneHey june,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.page-id-206 #after_layer_slider_2 .content, .page-id-206 #after_section_6 .content, .page-id-206 #after_section_8 .content, .page-id-206 #after_section_9 .content { padding: 0; min-height: 0; } .page-id-206 #after_layer_slider_2 .container, .page-id-206 #after_section_6 .container, .page-id-206 #after_section_8 .container, .page-id-206 #after_section_9 .container { height: 0; min-height: 0; }If you need further assistance please let us know.
Best regards,
Victoria
- The topic ‘padding/margins’ is closed to new replies.