Can I add a hover effect to the logo on Athens theme?

Store Design
, ,
1

Is it possible to add a hover effect on the logo - like increase the logo size by a tad bit when you hover? For reference you can look at - artgex.com

My shopify store is

artgex.myshopify.com , pass: Superpowers123

4-hovermenu.jpg
4-hovermenu.jpg511×334 15.4 KB

2

Hello @David123123 ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1670229608593.png
GemPages_0-1670229608593.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_1-1670229891027.png
GemPages_1-1670229891027.png1916×911 70.7 KB

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

3

Hi @David123123 ,

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom
Online Store ->Theme ->Edit code
Assets → base.css

li.navigation-main-item:hover a {
font-size: 24px;
}

Hope you find my answer helpful!

Best regards,
Victor | PageFly

4

Hello @David123123

Go to Online store >> Edit code >> Assets >> base.css
Add this code below of base.css file

.head-slot-item.header-heading svg:hover {
transform: scale(1.1);
}
.header-heading svg {
transition: 0.5s;
}