Docs

[thatcreativeguy]

Is there a way to enlarge the mobile menu main headings in the drop-down? Screenshot attached. The non-mobile view looks great. Just need the font larger in the mobile view…Please advise. Thanks!

Dev site – http://supremevinegar.that-creativeguy.com

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

 .x-navbar .mobile .x-nav li a {
    font-size: 20px;
}

Hope it helps

Joao

[thatcreativeguy]

Thanks! Worked Perfectly!

[thatcreativeguy]

One more question. How do I get the my bottle image to sit at the bottom and not move? Screenshot attached.

[Friech]

Hi There,

Add a class bottle-column to the column where your bottle is placed. And add a class bottle to the image element.

Then you can add this under Custom > CSS in the Customizer.

@media (max-width:  767px) {
	.bottle-column {min-height: 507px;}
	img.bottle {
		position: absolute;
    	bottom: 0;
    	left: 0;
	}
}

Hope it helps, Cheers!

[thatcreativeguy]

This reply has been marked as private.

[Nabeel A]

Hi again,

Please replace the previous code with this one:

body.home #x-section-1 .x-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
}
body.home #x-section-1 .x-column.x-sm.cs-ta-right.x-1-2 {
    float: right;
}

@media screen and (max-width: 767px){
  body.home #x-section-1 .x-img {
    position: relative !important;
    width: auto !important;
  }
}

Let us know how this goes!

[Author]

Posts