End of Support for Joomla 3 - Forum closed

[SOLVED] Header scrollable with page on tablet and phone

  • Rossen
  • Rossen's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 17
  • Thank you received: 0

Header scrollable with page on tablet and phone was created by Rossen

Posted 8 years 7 months ago #13497
First of all, I'm verry happy with all the template options an support.
While finishing my site i've got one last question.
is it possible to let the main header scroll with the page up, it just takes to much of the screen when using my phone in landscape and i don't want to make my mobile logo smaller.
And the article title isn't visible because the header is to big.

Link:
Last Edit:8 years 7 months ago by Rossen
Last edit: 8 years 7 months ago by Rossen.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Header scrollable with page on tablet and phone

Posted 8 years 7 months ago #13498
Hi there,
you can add this code to your css/custom.css

@media (max-width: 768px) {
#jp-left {
position: relative !important;
}
#jp-right {
padding-top: 0 !important;
}
}

Please Log in or Create an account to join the conversation.

  • Rossen
  • Rossen's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 17
  • Thank you received: 0

Replied by Rossen on topic Header scrollable with page on tablet and phone

Posted 8 years 7 months ago #13499
Do I have to make a new css file called costum.css or do i have to add the code into the theme.css maybe?
Tried the first option, made a new .css file called costum.css and insert the code and saved it in the css map of the template, this did not do anything..

:S
by Rossen

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Header scrollable with page on tablet and phone

Posted 8 years 7 months ago #13500
Hi there,
please create a new file >> css/custom.css
I have visited your site and could not found the css/custom.css

Please Log in or Create an account to join the conversation.

  • Rossen
  • Rossen's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 17
  • Thank you received: 0

Replied by Rossen on topic Header scrollable with page on tablet and phone

Posted 8 years 7 months ago #13501
Thats verry strange because i did make it just like you said.
see image.
image
by Rossen

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Header scrollable with page on tablet and phone

Posted 8 years 7 months ago #13503
Ok I saw the code right now.
But the code is not working, and it was my fail.

Please open the file >> layouts/theme.php and add this code below: See image too

<style type="text/css">
@media (max-width: 768px) {
#jp-left {
position: relative !important;
}
#jp-right {
padding-top: 0 !important;
}
}
</style>


Attachment code.jpg not found

Last Edit:8 years 7 months ago by joomlaplates
Attachments:
Last edit: 8 years 7 months ago by joomlaplates.
The following user(s) said Thank You: Rossen

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License