Lay Theme Forum

Awesome- thanks, I'd missed that there was the option of different CSS for desktop & mobile. That's all working a treat now.

In case it should help someone else in the future, I did have to make a small change to the mobile CSS to get the icon positioned correctly:

.instaicon a {
        background-image: url(/wp-content/themes/lay-child/images/Instagram-16x16-1.svg);
        background-repeat: no-repeat;
        background-position: 23px;
        background-size: 20px;
}

Really appreciate your help :)

Thanks!

Now the icon's displaying OK, but the list item has a transparent background. Any way to force that to black so it looks like the others while keeping the icon white?

Hi- I'm working on https://www.torinwoodhall.com

I'm using a blank menu item (just  ), then custom CSS to add an Instagram icon as a background image for that menu item.

.instaicon {
background-image: url('/wp-content/themes/lay-child/images/Instagram-16x16-1.svg');
background-repeat: no-repeat;
background-position: left;
margin-left: 5px;
background-color: white;
width:20px;
height:20px;
}
.instaicon a {
width:22px;
display:block;
}

It's working great on desktop, but on mobile the menu item isn't full width and the icon doesn't display (there's just a black area around where the icon should be.

Could you please let me know how this is best resolved?

Many thanks

I've now set the site live. The URL is now https://www.rosswoodhall.com/pfd-skis-la-grave/

If I'm on a project page such as https://new23.rosswoodhall.com/pfd-skis-la-grave/
then click to view an image in the lightbox, when I click the browser's back button I'm taken back to the site's homepage.

Is there a way for the back button to close the lightbox so I go back to the project page instead of the homepage?

Thanks

Thanks so much @arminunruh - I'd totally missed the Mobile (Smarthphone) options in Customize!

All working great now :)

Hi-

I've played about with the settings, but not been able to figure out a way to get them to work. Things are working well at desktop and tablet widths, but all I see is a black background when at mobile width.

In case it's relevant, I'm using Max Mega Menu for the navigation and an SVG logo embedded using the Site Title HTML option.

The dev site is here: https://new23.rosswoodhall.com

Thanks