[Willwa18]

Hi,

I managed to use CSS (via this forum) to bring logo to the center of the site. however the navigation remains on the left side (under the logo). Couldn’t figure out how to bring it directly underneath the logo.

What CSS line should I used? last time I used this for the logo:
#logo {
float: none;
margin: 0;
text-align: center;
}

Thanks,
Dan

[Juanfra Aldasoro]

Hi Dan,

Thanks for writing. Unfortunately it’s not possible to make that only using CSS.

Best,
Juan.

[Juanfra Aldasoro]

Hi Dan,

There’s a possibility of doing it through CSS.

You need to work on more than one class. Try adding the following CSS into your custom.css file

#navigation {
    float: none;
    text-align: center;
    width: 100%;
}

.nav {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 50%;
}

Best,
Juan.

[Willwa18]

Hi Juan,

Thanks for the prompt reply, I tried with the code and it works, however when I added one (or two) more pages, the nav bar doesn’t remain balance anymore. any thoughts?

Dan

[Juanfra Aldasoro]

Hi Dan,

That’s because I’ve set a width of 50% to the .nav class. It is centered and it needs to have a width amount. Try increasing that value.

Best,
Juan.

[Willwa18]

Awesome! that works. Thanks for your help!

Another thing I wanted to ask was the slider, does it automatically resize images I uploaded? Because I tried to upload couple products image and it doesn’t get resize.

Dan

[Juanfra Aldasoro]

Hi Dan,

Sorry for the late response. The images are resized if the original image you upload is bigger in size than the size used for the slider images.

Best,
Juan.