Hello Shana

Sorry, I could not get your issues properly. Please share a screenshot of your issue to understand it better.

Best regards

Hi Ofi, I would like to have two layouts-- one for my homepage and one for all other pages. I have designed my homepage using the default template layout (see photo). Within template options I see you can "Save as a Copy" to a layout and create different layouts within the template but I'm not sure how to assign a different template layout to pages. I would like to change the position of my logo and menu for all other pages, but keep them where they are for home page. I have not created the other pages yet because again I'd like to use a different layout where the logo and menu are in different spots and different sizes. Is it possible to have a different layout for home page using the layout options, or do I need to copy the entire template style and assign it to the other Menu Items? I just found this article, is this the correct way to have a different homepage layout? https://www.joomshaper.com/blog/how-to-use-two-or-more-templates-in-one-joomla-site

My site: http://hermanalunajewelry.com/hlnew/

Thanks for the great support!

You are welcome. Thanks for accepting the answer.

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on Joomla Extension Directory. This will inspire us to improve.

Hi Ofi, I have run into another issue: My media queries are not always working. What css would I use to change the size of this logo image? It is not the actual default logo, but an image that I have placed in TOP1 position for mobile header.

I have tried the following custom css but it did not work:

@media (max-width: 1334px)  and (orientation: portrait) { 
    #sppb-addon-1636865561334 img {
        max-width: 100px;
        height: 100px;
    }}

I need to reduce the size of the image ONLY when someone is using Zoomed Display on their iphone which bumps up the resolution. It is hard to test without an iPhone in Zoomed Display mode but I used this code on the home page to adjust the logo and it worked great to only target when the resolution is Zoomed, however I can not seem to adjust the image in the header on the other pages bc the template responsive settings are taking over. Please help.

http://hermanalunajewelry.com/index.php/shop

I have taken a custom.css file under css folder and wrote this CSS there. Please check your site now.

@media (max-width: 1334px){ 
    #sppb-addon-1636865561334 img {
        max-width: 100px !important;
        height: 100px !important;
    }
}