• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: 2 different logos in rsjuno

2 different logos in rsjuno 4 years 3 weeks ago #39997

I would like to have 2 different logos on top of my page.
a big logo for PC and smaller and for mobile amplifier
How is it possible to do
The administrator has disabled public write access.

2 different logos in rsjuno 3 years 8 months ago #40380

  • dragos
  • dragos's Avatar
  • OFFLINE
  • Administrator
  • Posts: 559
  • Thank you received: 102
Hello,

You can try the following workflow:

1. Go to Extensions > Templates > RSJuno! > Logo Options > choose a logo type and a position, let's assume you're using an image on the Top-A position. Then, access your website in the frontend area, inspect the Logo element using your browser inspector and copy the generated HTML code, for example:
<div class="span6 rstpl-top-a">
	<div class="rstpl-logo">
		<div class="textalign-left">
			<a href="your_link_here"><img src="path_to_your_logo" alt="RSJuno!" /></a>
		</div>
	</div>
</div>

Afterwards, set the logo position to None.

2. Create two Custom HTML modules having the above code, and change the path to your logos. Then, assign the RSJuno! Top-A position and hide the titles. Next, make sure that these are assigned on all your pages and finally, go to Advanced tab and use the Bootstrap 2.3.2 utility classes to hide / show these modules from either desktop or mobile devices. For example, the logo module visible on desktop will need:
' visible-desktop'

..added within the Module Class Suffix area, without the quotes and with the extra space in front.

The logo module visible on tablets and phone devices will need:
' hidden-desktop'

More information on Bootstrap 2.3.2 utility classes here.
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!