Mobile View: Top bar on menu needs to be transparent - Support

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
June 6, 2024 at 9:23 am #1448519

bemodesign
Participant

On mobile view, I want the top header to be transparent and show the image thru, like the example included. Can you add or get me CSS for this? thanks

June 6, 2024 at 9:45 am #1448520
Ismael
Moderator
Hey bemodesign,

Thank you for the inquiry.

You can add this css code to set the header to transparent on mobile view:
```
@media only screen and (max-width: 989px) {
  #top #wrap_all .av_header_transparency {
    background: transparent !important;
    position: absolute !important;
  }
}
```
Best regards,
Ismael
June 6, 2024 at 6:48 pm #1448555
bemodesign
Participant
Need a few things larger:
1. The Cart and Search buttons a little larger

Thanks!
- This reply was modified 5 months, 2 weeks ago by bemodesign.
- This reply was modified 5 months, 2 weeks ago by bemodesign.
- This reply was modified 5 months, 2 weeks ago by bemodesign.
- This reply was modified 5 months, 2 weeks ago by bemodesign.
June 7, 2024 at 2:17 am #1448579

bemodesign
Participant

Last question. I’ve been updating the Color of the Footer/Sockets in the “General Styling”, but it doesn’t show on the live page. I even cleared the cache. Any ideas why its not showing? (SEE ATTACHED)

June 7, 2024 at 5:20 am #1448588
Ismael
Moderator
Hi,

Thank you for the update.

1. The Cart and Search buttons a little larger

You can add this css code to make the cart and search icons larger:
```
@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #menu-item-shop .cart_dropdown_link {
    font-size: 24px;
  }

  #top #menu-item-search a:before {
    font-size: 30px !important;
  }
}
```
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.