[RubenS]

Hi Juan,

Yes I set it to normal mode so you can see it now.

Yes the logo on ipad and mobile needs to be centered. As you can see on a mobile device, the logo is left aligned and the hamburger is also not ok.

I hope you can see that too. I don’t think you need my access details for now. Or do you?

Please let me know.

Thanks,
Ruben

[Juanfra Aldasoro]

Hi Ruben,

Thank you so much for the follow-up.

And thanks a lot for switching back the site to live. No, I don’t need that to see the hamburger menu itself, but I can check some configuration details and some other things regarding versions and stuff like that.

With regards to the centered logo on mobile devices, you can try with the following CSS code:

@media only all and (max-width: 1023px) {
    #logo.has-image h1 {
        text-align: center !important;
    }
}

Thanks,
Juan.

P.S.: We’re still checking the iPad issue.

[RubenS]

Hi Juan,

How are you today?

I am working again on my wordpress website and want to put it online at the end of this week.
There is just 1 problem.

As you can see. Under the menu I want to have three simple buttons, or maybe four. But I want just thee buttons next to each other with maybe 5px space in between them so that they look nice under the menu. Can you maybe help me with that?

And also, the mobile version is still ugly. The logo is not in the middle. And there is a hamburger menu, but I think I just want the three words on mobile like on the desktop version.

All I want is a copy of how it looks on desktop, I want on mobile. Can you maybe help with this?

Would be so appreciated since I am a designer and not a developer.

Thanks you so much.

The login details are:
name: rubenscheer
pw: Pasarmalam123

Kind regards,
Ruben

[Juanfra Aldasoro]

Hi Ruben,

I hope you are doing well. I’m doing great, thanks.

I imagine you can do something with the page builder, create a new row and then limit the column content, or perhaps aligning the text to the center so you end up having the icons aligned that way. I did something for you, you can check it by viewing your home page.

With regards to the logo in mobile, have you added the code I’ve sent you?

Unfortunately it’s not possible to modify the mobile menu that way.

Best,
Juan.

[RubenS]

Hi Juan,

Thanks so much for fixing the icons in de middle. They look great now. Unfortunately the icons on mobile are not next to each other but under each other as you can see.

Yes I added the code already, but for mobile the logo is not in the middle.

I added a photo. Maybe it is too hard for you to fix, but as you can see I could not put this online as it look like this. It does not look the same as the desktop version. Could you maybe help?

http://www.rubenscheeer.com/test/ios.jpg

Thank you!

Ruben

[RubenS]

http://www.rubenscheer.com/test/ios.jpg

[Juanfra Aldasoro]

Hi Ruben,

Thanks for the follow-up.

That’s because the column width was set to 10%, so in mobile, it was too stretch to have all icons on one line. I’ve modified that.

With regards to the logo in mobile, is center aligned regarding its own container. Perhaps you can add some left padding to the logo on mobile so it’s more centered regarding the whole viewport.

Best,
Juan.

[RubenS]

Hi Juan,

Thank you for all your help. I really appreciate it.

I managed to fix it for desktop and mobile. It looks great now.

Have a nice day.

Kind regards,
Ruben

[Juanfra Aldasoro]

Hi Ruben,

Thanks a lot 🙂

I really like what you have done with your site.

Have a nice day,
Juan.