Is there a way to center menu on the phone?

Support
#1

I cannot get the centering on phone to work.
Do you have any suggestions of what css to use?

Thanks,
Stine

#2

Hi Stine,

In order that we can help you with that you need to provide us your URL.

Thank you

#3

www.astaa.dk

Thanks!

#4

Hello there,

Thank you for providing us further information :slight_smile:

To center the navigation on mobile, please use the following custom CSS (you may apply this using: Customize --> Custom --> Global CSS).

.masthead-stacked .mobile .x-nav {
    text-align: center !important;
}

I hope this helps.

#5

it worked perfectly! Thanks!

Is there a way to make the pictures bigger and the buttons smaller?
Also phone view…

Thanks again for all your amazing help!

Cheers,
Astaa

#6

Hello there,

That’s no problem at all - we’re here to help! :slight_smile:

In regards to making the pictures bigger, may you alter the picture sizing by changing the width from the following code to 100% instead of 1024:

<img class="x-img x-img-none" src="https://i0.wp.com/astaa.dk/wp-content/uploads/2017/09/IMG_1323-1.jpg" width="1024" height="454">

The final code would look like:

<img class="x-img x-img-none" src="https://i0.wp.com/astaa.dk/wp-content/uploads/2017/09/IMG_1323-1.jpg" width="100%" height="454">

For the buttons on the other hand, please apply the following custom CSS rule:

@media screen and (max-width: 860px) {
  .x-btn, .x-btn.x-btn-large{
    font-size: 13px;
  }
}

You may change the font size which I have put as 13px to any size you like (the larger the number, the bigger the button).

I hope this helps.

#7

Perfect!
Works right away!
Thanks again :slight_smile:

#8

No problem at all! :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.