-
AuthorPosts
-
September 22, 2014 at 3:57 pm #323085
Hi, I’ve got a problem with the main menu bar – when I view in Windows 7, IE 8, 9 and 10, there’s something wrong with the border line which goes right through the main menu links.
If I view on a 1024 x 768 screen size, the social icons jump down to below the main menu links.
Could you help me to get the layout sorted please?
Thanks!
September 23, 2014 at 8:06 pm #323887Hey kathrynmichaud!
Can you post a screenshot of the issue you are having please?
Regards,
YigitSeptember 23, 2014 at 9:59 pm #323932Hi – so this link:
https://www.dropbox.com/s/q4pn4st3qxtweib/lumbandmacgillheader1.JPG?dl=0
shows the problem with the line going through the menu bar header area and this link:
https://www.dropbox.com/s/exvb1e9l00sp4br/lumbandmacgill1024x768.JPG?dl=0
shows the problem when viewed on a 1024 x 768 screensize – the social icons jump down below the link and there is still the line/background image problem in the main menu bar area.
Thanks!
Kathryn
September 23, 2014 at 10:33 pm #323942Hi, after playing around, I have fixed the background image header issue – I changed the setting to Scroll and it looks good! So if you could help me with the issue of the social icons dropping down when viewed on the 1024 x 768 screensize as per previous screenshot that would be great.
Also, as you can see on the Home Page, I’ve got an Easy slider set up – I’ve reduced the size of the images that I’m using to 480 x 322 with no scaling – but it is still overlapping the coloured background which is set to no minimum height. My background image size is 21 x 322.
Thanks!
Kathryn
September 24, 2014 at 4:56 pm #324409Hi – any help please?
Thanks!
Kathryn
September 25, 2014 at 1:02 pm #324918Hi – if somebody could get back to me today re the above queries I would really appreciate it – my client is chasing me!
Many thanks.
Kathryn
September 25, 2014 at 1:07 pm #324925Hey!
Please try adding following code to Quick CSS
.home div#av_section_1 { background-size: contain; }
Cheers!
YigitSeptember 25, 2014 at 1:31 pm #324944Hi – thanks for getting back to me. Yes that code has contained the Easyslider in the coloured section – if I reduce the size of the images I’m using the Easyslider will they automatically get smaller and therefore reduce the height of the coloured section?
Also, could you help me with the layout/appearance of the social icons when viewed on a 1024 x 768 as in the screenshot that I sent previously?
Thank you!
Kathryn
September 26, 2014 at 3:02 pm #325619Hi – I’d really appreciate it somebody could help me out here – ticket was originally filed on 22/09 and need to get this sorted as my client is waiting for the fixes!
Many thanks.
Kathryn
September 29, 2014 at 11:46 am #326433Hi – I appreciate that you guys are busy, but I really need some help with this today on both of the points that I mentioned above. Should I file this ticket again?
Thanks.
Kathryn
September 29, 2014 at 12:26 pm #326444Hey!
Sorry for the late reply!
1- Yes color section will adjust to the size of your content
2- Please add following code to Quick CSS as well@media only screen and (max-width: 1024px) { .av-main-nav > li > a { padding: 0 8px; }}
Then, Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
Best regards,
YigitSeptember 29, 2014 at 12:44 pm #326459Perfect! Many thanks for getting back to me.
Kathryn
September 29, 2014 at 12:49 pm #326464 -
AuthorPosts
- The topic ‘Main menu layout problem’ is closed to new replies.