VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

Move logo all left foldaway
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Move logo all left foldaway

Move logo all left foldaway 13 Apr 2015 19:59 #6523

you can move the logo completely to the left and make sure that disappears once you go down low?
I wish I could also change the resolution of the logo in responsive mode. Appears too large.

I also noticed that jf slideshows set as the "Background Supersized" on the smartphone 800x480, the images you see dunks. Instead the text does not fit at all responsive to the mode!
Last Edit: 19 Apr 2015 10:53 by Alexanders.

  • Posts:11
  • Alexanders
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Move logo all left foldaway 14 Apr 2015 03:37 #6525

Do you want to move the logo to the left like attachment?

make sure that disappears once you go down low?

You can add css:
 
#jf-header.transparent h1#logo {display: none;}
 

I wish I could also change the resolution of the logo in responsive mode. Appears too large.

You can fix width, example:
 
@media (max-width: 767px) {
#jf-header h1#logo img {
width: 180px;
}
}
 

I also noticed that jf slideshows set as the "Background Supersized" on the smartphone 800x480, the images you see dunks.

Add css:
 
#supersized img {max-width: none;}
 

Instead the text does not fit at all responsive to the mode!

Add css:
 
@media only screen and (max-width: 960px) {
.slidedescription{
width: auto !important;
}
}
 


joomfreak
Attachments:
  • Attachment This image is hidden for guests. Please log in or register to see it.
Last Edit: 14 Apr 2015 03:40 by isupport.

  • Posts:2024
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Move logo all left foldaway 14 Apr 2015 07:37 #6527

isupport Saint Now!

Background Supersized in responsive mode : OK!
logo resized in responsive mode : OK!
Description Resized in Responsive mode : With the Galaxy S2 (800x480p) the title and description, overlap and the background becomes wider.This he does only if you turn your smartphone into a horizontal position
Last Edit: 19 Apr 2015 10:50 by Alexanders.

  • Posts:11
  • Alexanders
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Move logo all left foldaway 16 Apr 2015 11:03 #6545

isupport wrote:
Do you want to move the logo to the left like attachment?

joomfreak


Yes, I would like the logo pulled around to the Left. Or at least, I wish I could move like I want.

Thanks
Last Edit: 19 Apr 2015 10:50 by Alexanders.

  • Posts:11
  • Alexanders
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Move logo all left foldaway 17 Apr 2015 02:46 #6549

the title and description, overlap

Open modules/mod_jfslideshow/assets/css/responsivetext.css file, add below css for each .slideSloganText and .slidedescription:
 
.slideSloganText{
line-height: normal !important;
}
.slidedescription{
line-height: normal !important;
}
 

I would like the logo pulled around to the Left

Open templates/jf_calla-exteriors/css/template.css file, add css:
 
#jf-header .main {
position: static;
}
 
#jf-header h1#logo {
position: absolute;
left: 20px;
}
 


joomfreak

  • Posts:2024
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Move logo all left foldaway 18 Apr 2015 09:19 #6556

ok, everything is correct. Thanks, see you soon!

  • Posts:11
  • Alexanders
  • Fresh Boarder
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.86 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.