Mobile Phone View - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Mobile Phone View

CB

Christopher Billings

SP Page Builder 2 years ago

Greetings,

I have tried a number of things, but i cannot get the Menu Item to line up correcting in Mobile Phone view:

https://prnt.sc/Tm10uAge_dLM

Any suggestions?

Thanks Chris

0
Website
https://www.hofgut-rineck.de
3 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #133983

Hi

Thanks for contacting us. Use this custom CSS


@media (max-width: 844px){

#sp-header .container-inner{
  position:relative;
  top:30px;
}
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

-Regards.

0
CB
Christopher Billings
Accepted Answer
2 years ago #134057

Thanks for your help. It work!

But now i have the problem when i scroll, that the logo doesn't sit properly in the middle.

https://prnt.sc/m10CGW6eb_aA

Any ideas?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #134076

Ok, then remove my previous CSS and add this one


@media (max-width: 844px){

#sp-header .container-inner{
  position:relative;
  top:30px;
}
  #sp-header.header-sticky .container-inner{
  position:relative;
  top:0px;
}

}
0