Public Forums 71,145 posts

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#663732

How can I get the toggle bar to the left of the page? See attached image as example.

Demo site is http://www.tvjsn.com/demo/

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#663870

Hi there
Here you are

.ja-promo-bar .buttons span {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
display: inline-block;
text-indent: -9999px;
cursor: pointer;
background-color: #B82828
background-image: url("images/icon-arrow.png");
background-repeat: no-repeat;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#746207

Hi there
Here you are

.ja-promo-bar .buttons span {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
display: inline-block;
text-indent: -9999px;
cursor: pointer;
background-color: #B82828
background-image: url("images/icon-arrow.png");
background-repeat: no-repeat;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

Thank you,
Viet Vu

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#664182

<em>@oharris3 488392 wrote:</em><blockquote>How can I get the toggle bar to the left of the page? See attached image as example.

Demo site is http://www.tvjsn.com/demo/</blockquote>

You can use my solution below

Open modules/mod_japromobar/assets/style.css file

find


/*control buttons*/
.ja-promo-bar .buttons span{
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
display: inline-block;
text-indent: -9999px;
cursor: pointer;
background-color: #B82828
background-image: url("images/icon-arrow.png");
background-repeat: no-repeat;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}


to


/*control buttons*/
.ja-promo-bar .buttons span{
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
display: inline-block;
text-indent: -9999px;
cursor: pointer;
background-color: #B82828
background-image: url("images/icon-arrow.png");
background-repeat: no-repeat;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}


Hope it helps

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#746222

<em>@oharris3 488392 wrote:</em><blockquote>How can I get the toggle bar to the left of the page? See attached image as example.

Demo site is http://www.tvjsn.com/demo/</blockquote>

You can use my solution below

Open modules/mod_japromobar/assets/style.css file

find


/*control buttons*/
.ja-promo-bar .buttons span{
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
display: inline-block;
text-indent: -9999px;
cursor: pointer;
background-color: #B82828
background-image: url("images/icon-arrow.png");
background-repeat: no-repeat;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}


to


/*control buttons*/
.ja-promo-bar .buttons span{
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
display: inline-block;
text-indent: -9999px;
cursor: pointer;
background-color: #B82828
background-image: url("images/icon-arrow.png");
background-repeat: no-repeat;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}


Hope it helps

[Author]

Posts