RocketTheme - TOPIC: responsive logo (1/2)

Welcome Guest! Login

0 items Join Now

- marklandry
- Newbie
- Posts: 9
- Thanks: 0
responsive logo

Posted 11 years 5 months ago
- Hi,
  I saw a post about responsive logos but it had a link that I can't access with my subscription.
  Can someone help me to make my logo responsive?
  Thanx
  Mark
#978430
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: responsive logo

Posted 11 years 5 months ago
- disable the logo feature and then create a custom html module using the logo image as an <img /> tag and surround the image tag with a link to the home page.
  
  e.g.,
  <a href="index.php"><img src=" placehold.it/275x65 " /></a>
#978432
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: responsive logo

Posted 11 years 5 months ago
- you may also want to use the module class suffixes nopaddingall nomarginall
#978433
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: responsive logo

Posted 10 years 8 months ago
- an update on this solution would be to add the module class suffix logo-block that should provide the proper padding.
#1082772
- Alexander Taft
- Sr. Rocketeer
- Posts: 112
- Thanks: 1
Re: responsive logo

Posted 10 years 7 months ago
- very stupid question:
  I understand how mod class suffixes work in theory, but what specifically do I need to put in the box for the logo padding to be correct? I added "logo-block" with a leading space. Also, in general, if I want to add multiple suffixed how should that look? Here is a screensht of what I have placed in the module class suffix, but the padding is definitely off in the subsequent screenshot. Thanks in advance!
#1083440
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: responsive logo

Posted 10 years 7 months ago
- Is this site online? If so, please provide the URL to the issue.
#1083446
- Alexander Taft
- Sr. Rocketeer
- Posts: 112
- Thanks: 1
Re: responsive logo

Posted 10 years 7 months ago
- attiii.net/ahg
  
  thanks!
#1083449
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: responsive logo

Posted 10 years 7 months ago
- just add the suffix nomarginall you can add multiple suffixes just separate them with a single blank space
- Last Edit: 10 years 7 months ago by cdavis411.
#1083736
- Alexander Taft
- Sr. Rocketeer
- Posts: 112
- Thanks: 1
Re: responsive logo

Posted 10 years 6 months ago
- Hi-
  
  I've included the following module variations in the logo block: nomarginall nopaddingall
  
  However, when I shrink the window size the menu eventually rides over the logo. Any thoughts on what I need to do? Thanks!
  
  attiii.net/ahg
- The following users have thanked you: Dom Ricciuti
#1093565
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: responsive logo

Posted 10 years 6 months ago
- add this to your custom css file
  img { max-width: 100%; width: auto \9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
#1093581