Hi Josue

That is exactly how it shouldn’t render. Okay to avoid confusion I think you may not have understood me as I didn’t make myself clear.

I’ll do screenshots to explain. I’ve also highlighted with a red circle an example of firefox ignoring style.

This is how it should look and does look in google chrome
https://www.dropbox.com/s/379w4pc021crws7/Screenshot%202015-09-30%2011.37.06.png?dl=0

This is how it is looking in firefox.
https://www.dropbox.com/s/mfpoaiyrrw9y09h/Screenshot%202015-09-30%2011.37.31.png?dl=0

What ever css I place in the quick edit css of the enfold theme panel, firefox ignores it.

Try it yourself please. I challenge you to do some css in the quick css tab and have it show in a firefox browser. Try making the size of the text larger or something. Nothing I do in quick css is being shown in firefox.

Hi yes I did in the end

What I had to do was remove the second colour section which wasn’t really needed and responsiveness has returned so maybe a small bug with it

Thank you Andy for your kind words regarding the aesthetics of the site really putting a lot of hard work and many hours into getting it right. However something really strange with the theme has cropped up. Maybe you can shed some light

It works fine. And on chrome the mobile simulator shows it to work fine on mobile as you mentioned.

The issue is when I view this on my actual physical phone (samsung s6) and a friends iphone and htc, and not on a simulator its messed up. Any ideas why this may be?

When I say messed up the background image seems to be repeating after the first colour section. I can’t understand why it doesn’t show on a chrome mobile simulator

See screenshot

http://217.199.187.198/beachhousetwo.co.uk/wp-content/uploads/2015/09/Screenshot_2015-09-05-10-10-43.png

Hi Andy, this helped reduce the header size but didn’t move the drop down menu icon higher up. This code worked for anyone else having the same problem :)

@media only screen and (max-width: 736px) {
div#header_main {
height: 80px;}
#advanced_menu_toggle {margin-top: -53px;}
}

Hi Elliot, this didnt work, it made the two pictures move directly underneath eachother without hovering over them (straight from page load). then it made the products image underneath move around when hovered on. any other suggestions? (ive removed the 1/2 container code as the site is currently live)
thanks

Hi

It is set to 1500px

See screenshot of my settings here from my drop box at

https://www.dropbox.com/s/mijzaye4lzapbiw/Screenshot%202015-08-25%2012.27.49.png?dl=0

hi why did you have to add this though?

what is the root of the issue?

Hi Yigit

I thought this was where it would be set but it isn’t.. It’s set to 1500pixels

I’ve added my login details for you to check it out

What was the custom css code? So I can not do this again

hi that is great but why did this happen to begin with?

Also if you scroll to the right its annoying as it shows the entire toggle menu the screen should be locked down shouldn’t it?

Thanks so much for your help. Do you like the site we’ve spent a lot of work on it

Do you like the hosts Flywheel for wp enfold hosting?

Anything you can recommend I can modify to speed up the site?

hi find attached

ive used this custom css for desired effect i dont mind doing this just thought id raise the point

.page-id-14 .av-main-nav > li > a .avia-menu-text, .page-id-14 .av-main-nav > li > a .avia-menu-subtext {color: #ffffff!important;}

hmm can you see that strange black box?

Okay look at the screenshot here

https://www.dropbox.com/s/vhba39dsd9lpa60/layoutToReplicate.jpg?dl=0

I want to replicate this awsome layout

hi can you assist now check out http://217.199.187.71/waterhousedesigns.co.uk/

how can i have the search box in the flow of the div of the menu items so its just to the right of the menu items ?

hi guys its fixed :) was my mistake sorry for posting