Recent
Categories
View Replies (3)

Center newmodule on mobile

0
Votes
Undo
  1. rogimon
    rogimon
  3. Commercial Templates
  4. Sunday, 06 December 2015
  5.  Subscribe via email
Hello,
I created a new module in the header as per your instructions here http://www.joomla51.com/tutorials/item/creating-a-new-module-position-in-the-header-area-of-your-template

The module displays correctly in the center of the page on the desktop but is off the screen to the right on the mobile. How can I get it centered on the mobile as well? The CSS I used is below.

#newmodule {
height:50px;
margin:0;
padding:0;
position: absolute;
left:400px;
top:115px;
width:400px;
z-index:999;
}
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Rogimon

Would you have a URL to an example of this issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
rogimon
rogimon
Accepted Answer Pending Moderation
0
Votes
Undo
http://caribbeanexcursions.qdsjamaica.com
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To center try adding the following to the Custom CSS field of your templates parameters...


#newmodule {

    left: 0;

    text-align: center;

    width: 100%;

}

#newmodule .custom {

    display: inline-block;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!