Awaiting an answer Templates

Header and mobile version

Asked by Pietro 5 years ago Last activity 5 years ago

I use your SP Page Bulider pro and your Arino temlates
PHP Version 8.0.6
Joomla! 3.9.27

I got some issues on the header and mobile version.
On the header the main menu is broken in lines, and the top navigation (login) is not aline in the correct way, should be on the right side. I can create a class but when I tried it still not working correctly

Mobile

On mobile the top nav is in the mibble and not on line os contact info. Also the slider is get on the top of logo and menu. I tried to add some extras margin still nothing

Any idea?

Kind regards

Pietro

9 replies

Ariba Staff

5 years ago

Hello

Sorry for the inconvenience.
Thank you for the log in credentials, i will check from my end and get back to you. Kindly allow me some time.

Ariba Staff

5 years ago · edited

Hello

For login button kindly put the following code in Custom CSS section:

#sp-top1 > .sp-column {
    padding: 1rem 0rem;
}
#sp-top3 > .sp-column > .navbar {
    display: block;
}
#sp-top3 > .sp-column > .navbar > .sp-module-content {
    float: right;
}

There are many menu items so to keep main menu in one line you can use the following code in Custom CSS section :

However, this will look okay on larger screens, but if you shift to smaller screens in that case it will be better to reduce the menu items for convenience.

#sp-mainmenu .sp-megamenu-wrapper {
    display: flex;
}
#sp-mainmenu .sp-megamenu-wrapper .sp-megamenu-parent {
    float: none;
    margin: 0px auto;
}

Ariba Staff

5 years ago

Also, kindly provide me the log in credentials again because i cannot log in using the username and password you provided earlier.

Pietro Asked this

5 years ago

Thank you so much for your support
Here the logins

Ariba Staff

5 years ago

You are most welcome.

Thank you for the log in credentials.

Ariba Staff

5 years ago

Please check now - the logo and hamburger menu is visible in mobile layout.

Pietro Asked this

5 years ago

Hi
Thank you for your support.
We got some communication issues

Yes I can see the the logo and hamburger menu , but it looks very messy now,
and not in he correct sequence

Also now on deskop is show up the hamburger menu, and I do not want this.
On deskop version the menu is broken in 2 parts and it is not flexible.

Basically I try to reproduce the same header layout I got here
https://triflowconcepts.com/

One more thing I installed the Arino quickstart, just to check the setting,
but I got the white page on front and administration section

Kind regards

Pietro Asked this

5 years ago

I stopped to use the Arino Template (too many problems). I am back on shaper helix ultimate.
Now I just need to improve the mobile version .
I liked the arino mobile version but is very hard to reproduce

Kind regards

Ariba Staff

5 years ago

Hello

Thank you for letting me know and i appreciate your cooperation and patience. Please do let me know if you have any other problems, i would be happy to help.
If for now there is no other issue, kindly close this forum post by accepting the response.

Thank you.