Responsive Problem Header Phone View - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Responsive Problem Header Phone View

F

Francesco

Template 3 years ago

Hello,

I can't place the button in the header in smartphone mode as I would like.

It should be positioned to the right of the logo but is positioned below.

How do I fix the right alignment position to the right?

This is the link of the page: https://badafinder.it/landing-famiglie

Tnx Francesco

0
11 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #92947

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

0
F
Francesco
Accepted Answer
3 years ago #92969

You can tray the link page https://badafinder.it/landing-famiglie if you strech the browser, the call button appears in a wrong position.

Francesco

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93176

Hi

Use this custom CSS


@media (max-width: 900px){
#sppb-addon-1668420723660 {
    position: relative;
    bottom: 55px;
    left: 210px;
}
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

0
F
Francesco
Accepted Answer
3 years ago #93214

Yes, with this modification it is positioned correctly.

I have seen that the CSS goes to place the button, but it is not at 100% of the available space.

For example, if I turn the smartphone 90 °, the logo does not expand to the right and the button to the left

Thank you Francesco

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93229

Could you please give me a screenshot of that and mention there? Because it seems normal on my end.

0
F
Francesco
Accepted Answer
3 years ago #93236

Try with smartphone here rotate 90° https://badafinder.it/landing-famiglie

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93469

Which resolution do you have for this issue? It seems like this on my end

https://prnt.sc/C9UxTvmOm25j

0
F
Francesco
Accepted Answer
3 years ago #93472

Yes, too, if I hold the smartphone vertically I see it correct, but if I turn it 90 degrees and put it horizontally, the screen resizes. I'm trying with an iPone 11. The image I posted is the screen shot in landscape mode.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93495

I think its not a big deal. In responsive mode all is ok. For more help you can try inspector and set the rest of this which you want. This blog may help you.

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

0
F
Francesco
Accepted Answer
3 years ago #93806

Thanks, i see the link to resolve my problem

Francesco

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93854

Glad to know that, You can now close this post by accpeting the answer.

0