Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 28, 2020 at 8:55 pm #1198675
    jonroot

    Hi guys – two quick questions:

    1. I’m trying to increase the size of my banner image on the Shop page. Right now it defaults to a sliver, and I can’t figure out how to increase it so we see more of the picture. Can you let me know?

    2. My cart icon seems to be floating in the main menu, higher than the other menu items. Is there something I can do to adjust it? And is there a way to remove the two lines on either side of the cart icon?

    Thanks!
    Jon

    Image here: https://imgur.com/a/6tBTrlz

    March 29, 2020 at 7:36 pm #1198926
    Mike

    Hey jonroot,
    Thanks for the screenshot, but please also link to the page so we can examine it.

    Best regards,
    Mike

    March 29, 2020 at 7:56 pm #1198932
    jonroot

    No problem, it’s under construction so I’ve posted a login in the private channel.
    Jon

    March 29, 2020 at 10:54 pm #1198955
    Mike

    Hi,
    Thanks, but please check the login details.

    Best regards,
    Mike

    March 29, 2020 at 10:58 pm #1198956
    jonroot
    This reply has been marked as private.
    March 30, 2020 at 2:12 pm #1199070
    Mike

    Hi,
    Thanks for the login, for the cart position please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 700px) { 
#menu-item-shop.cart_dropdown {
    top: 14% !important; 
}
}

    After applying the css, Please clear your browser cache and check.
    To remove the border from the cart, please try this css:

    .header_color ul#menu-item-shop {
	border-width: 0px !important; 
}

    Best regards,
    Mike

    March 30, 2020 at 3:06 pm #1199083
    jonroot

    Thanks very much Mike – that worked! Are you able to answer my other question – how do I make the banner image on the Shop page and Product Category pages wider? Right now it is just a thin strip of the image.
    Thanks!
    Jon

    April 1, 2020 at 1:26 pm #1199741
    Mike

    Hi,
    Glad to hear that helped, for your shop banner, when I looked you didn’t have a shop banner enabled, so I did this and added this css in your Quick CSS:

    #av_product_description {
	height: 400px;
}
#av_product_description .av-section-color-overlay {
   opacity: 0 !important; 
}

    Now your shop banner is 400px high, feel free to change the height, please clear your browser cache and check.

    Best regards,
    Mike

    April 1, 2020 at 3:48 pm #1199792
    jonroot

    Thanks Mike – I actually decided that it would be better to display images via the Shop Categories. So I have a unique image on each of my pages (Accessories, Paint, Finish). I removed the CSS but now it seems to leave a large gap and a line where the Shop image once was… it doesn’t look good – is there any way to undo that?
    Thanks,
    Jon

    April 1, 2020 at 3:55 pm #1199793
    jonroot

    Here’s a screenshot – https://imgur.com/a/779sRaP – there seems to be a LOT more white space between the logo and the Shop Category Image. And a new thin grey line. How do I fix those two? Thank you!
    Jon

    April 1, 2020 at 8:12 pm #1199865
    jonroot

    Hi Mike – sorry – I figured it out!
    Jon

    April 2, 2020 at 9:26 am #1200034
    Rikard

    Hi Jon,

    Great, I’m glad that you got it working and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.