Mobile Phone View - Forum | JoomShaper
Staff replied SP Page Builder

Mobile Phone View

Asked by Christopher Billings 3 years ago Last activity 3 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

2 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

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.

Christopher Billings Asked this
3 years ago

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?

Mehtaz Afsana Borsha Staff
3 years ago

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;
}

}
Log in to reply.