Hi,

I can’t open the link you’ve provided. It simply does not load.

So I have no idea what you mean to be honest. A precise link would help.

As already said, use the code already provided to you and wrap media queries around it:

@media only screen and (max-width: 736px) {
html.html_boxed {
    background: url(https://i2.wp.com/www.flanagan-wedding.com/wp-content/uploads/2016/11/Rebecca-wedding-background.jpg) center center no-repeat fixed;
  background-size: 100px 100px !important;
  background-positon: 0px 100px !important;
}}

Play with different values, until you find what fits to you.

Please stick to one issue/problem in one ticket only. Feel free to open a new ticket for another topic.

Best regards,
Andy

Hi,

you could try this code:

@media only screen and (max-width: 767px) {
#top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container img {
width: 215px;
}}

and adjust as needed.

Best regards,
Andy

Hi,

you can use my code and wrap media queries around, so it only works on bigger screen sizes (desktop). For example:

@media screen and (min-width: 1200px) {
#header_meta {
height: 34px;
}}

For more information about media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Best regards,
Andy

Hi,

I think it would be best to open a new ticket for new questions/issues, as it gets too big and confusing here otherwise.

However, use this code for mobile menu:

@media only screen and (max-width: 767px) {
.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide {
top: -15px;
left: 0px;
}}

Slideshow picture on mobile:

@media only screen and (max-width: 767px) {
.avia-slideshow.image_no_stretch li img {
height: 300px;
}}

Adjust the values as needed.

Best regards,
Andy

Hi,

check out this post to find out about the individual image sizes in Enfold: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176

Hope this helps!

Best regards,
Andy

Hi!

We apologize if we can’t respond as soon as you reply since there are lots of queries lately and we are trying to answer them one by one which also takes time. Please add this code in Quick CSS, if there’s no logo white space should be removed.

#top #header_main > .container {
    height: auto !important;
}

@media only screen and (min-width:768px) {
  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 50px !important;
  }
}

Let us know if it works, if not kindly give us temporary admin access so we can atleast check the backend.

Cheers!
Nikko

Hi Tarakbc!

Try to add this code in Quick CSS (located in Enfold > General Styling):

#header .logo a, #header .logo img {
    max-height: 88px !important;
    min-height: 88px;
}

#header.header-scrolled .logo img {
    margin-top: -44px;
}

Hope this helps :)

Best regards,
Nikko

• This reply was modified 9 years, 4 months ago by Nikko.

Hey!

Try to add this code in Quick CSS:

@media only screen and (min-width: 768px) {
  #top .sidebar .widget_shopping_cart .button {
    width: auto;
    height: auto;
    display: inline-block;
    margin-bottom: 10px;
    float: none;
  }
}

Let us know if it works :)

Best regards,
Nikko

Hi Mel,

You’re welcome. Let us know if you need more assistance regarding this topic :)

Regards,
Nikko

Hi!

It should work now. I have replaced this code:

#top .avia-content-slider a:hover .thumbnail_container img {
    -webkit-transform: scaleX(1.2,1.2);
    -ms-transform: scaleX(1.2,1.2);
    -o-transform: scaleX(1.2,1.2);
    transform: scaleX(1.2,1.2);
}

To this code:

#top .avia-content-slider a:hover .thumbnail_container img {
    -webkit-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

Best regards,
Nikko

Hey!

Try using this code snippet in Quick CSS:

#top #header .av-main-nav li a {
    font-weight: bold;
    font-size: 14px;
}

Hope this helps :)

Regards,
Nikko

Hey!

Try to add this code in Quick CSS:

#top #header_meta a, 
#top #header_meta li, 
#top #header_meta .phone-info {
    font-size: 16px;
}

Just adjust the font-size values. Hope this helps :)

Best regards,
Nikko