Menu bar and header changing placement on different pages

trevorellis

Hello, we are using the Estate Agent component - http://www.eaimproved.eu/. On the pages displaying properties (e.g. http://astontest.users66.interdns.co.uk/index.php/sales) the menu bar and header graphic change compared to normal pages (e.g. http://astontest.users66.interdns.co.uk/index.php).

How do we get it so the menu bar and header graphic look the same as it does on the homepage on all pages? What code needs to go into the custom.css?

Any help would be greatly appreciated.

Ninja

trevorellis
Hi
On header you are using custom table , there is no style by default from the ACM module or template side.
I checked on other page that issue its loading additional style that is override
You can try this :
Customize the icons code to add a max width value

<img src="/images/LogosAndSlides/FacebookGrayscale.jpg" alt="FacebookGrayscale" height="50" style="display: block;margin-left: auto;margin-right: auto;max-width: 50px;">

http://prntscr.com/u8qujc

And add this code in custom.css

.customcustomastonheadergraphicbig td img {width:inherit;height:inherit;max-width: 360px;}

trevorellis

Ninja That's great! Thanks a lot for your help. That has solved the problem for large screens. However, there is still a difference on small screen devices. See the difference between the two images attached. How do we fix this. Any further help would be appreciated. Thanks in advance.

Ninja

trevorellis
Hi
Add this code in custom.css


 .itemid-334 body {
    padding-right: 0px;
    padding-left: 0px;
}

trevorellis

Ninja Great thanks! Can you tell me what .itemid-334 is referring to? This is because the work I've been doing is on a test site and I need to also apply this fix on another live site and the code does NOT work on the other site as the id is probably different.

Ninja

trevorellis
Hi
334 is the Menu item ID. If you will use same custom module on other places with same extension, you can repeat the code and change the menu item iD.

trevorellis

Ninja Excellent thank you very much for your assistance! That's everything sorted!