Responsive header with two Logos

aman204

Addressing your initial relative issues as posted :

In the desktop view, the round logo should be in the middle.

Upon reviewing in desktop mode, The round logo is almost center aligned. Ref: Screenshot

In the responsive view, the angular logo on the left should remain fixed.

To be more precise and avoid confusion/ambiguity in addressing your relative issue, Kindly let us know exactly at which certain screen sizes or devices, you are able to see the logo on left changing its positioning

sperlingjacobi

Thank you for your response!

The left logo (angular shape) should be left on all devices
The round logo should be on all devices in the middle

With less than 1400 px, the logos are out of line with the menu. The Screenshots (without red cross) are made with Photoshop to illustrate my wish, how it should look.
Kind regards

aman204

sperlingjacobi You may check now as have made some custom changes/added some CSS in custom field of JA builder

Kindly ensure to clear your browser cache if changes dont reflect.

sperlingjacobi

I deleted the cache several times and tested it with another browser.
Unfortunately, the menu does not change into a hamburger menu on small drives.

The round logo should be in the middle of the header. For smaller output devices, the position may move from the center to the left, leaving room for the menu in text form.
If the logo and menu no longer fit in a row, it should change into a hamburger menu. I've uploaded pictures that show what it looks like and what kind of behavior I'd like to have.
Could you please help me. You have backend access and you are welcome to make changes.

aman204

sperlingjacobi Hi

Have tried making CSS modifications for certain responsive breakpoints. You may check now.

Reviewing for menu to be converted into hamburger menu. Please be patient while we revert back

sperlingjacobi

The pictures were inserted as pictures. Now I have loaded them in a Joomla module and with a css class. The behavior is up to 1280 px as I would like. Underneath, the round logo slides under the navigation. The menu should change the look into a hamburger menu, but it does not.
Can you please try to help me!

aman204

sperlingjacobi The menu should change the look into a hamburger menu, but it does not.

Have requested other team members to assist here with relative issue. Please be patient while we revert back

sperlingjacobi

I would be patient, but my customer asks for his website.

saguaros

Hi,

Let me check if it can be done and will get back to you.

sperlingjacobi

Hi, are there any new results?
kind regards

sperlingjacobi

hello, I really have to get ahead, so I bought a premium ticket support now.

On mobile drives, the menu should be change below 1280 px into a hamburger menu. The square logo remains in the left corner and the round logo should be stay in the middle.

teitbite

sperlingjacobi Hi. Please try to add this code to css:

@media only screen and (max-width:1280px) {
.header .header-right .jub-contents .jub-element:nth-child(2) {
display: none;
}

.jub-block .header .navbar-toggle, .jub-block.header .navbar-toggle {
    display: block;
}
}

Also please provide an access to ftp and disable cache and css compression.

sperlingjacobi

OK. I started with the header again, so I deleted my last posts on the topic. I will contact you again. Thank you until then.

sperlingjacobi

You can close this

teitbite

sperlingjacobi Hi. Glad to hear it's ok now. Thread closed as requested.