-
1. Re: How to move a logo to the right side of the header and resize the image box - Customized Responsive HTML 5 Layout - RoboHelp 11
You can change this behaviour in the file main.css. It is a bit more work than you might expect though;
Open the file with a text editor and search for 'table.headertable td.logo'. Here you will find settings for the width of the logo, something like:
width: 4em;
Simply make this wider to adjust the image. Note that you will need to do this several time, as several devices have different widths for the logo.
Kind regards,
Willam
-
2. Re: How to move a logo to the right side of the header and resize the image box - Customized Responsive HTML 5 Layout - RoboHelp 11
Willam, could you also respond to Gina's comment about the logo being too small and resizing too small? I'm having that problem, too. I changed the logo to an 80x80 px PNG file as you suggested in a recent Webinar. How do I prevent the logo from scaling down in Responsive layout as the size of the screen decreases? I want the logo to retain its size relative to any text in the title bar.
Thanks,
Carol
-
3. Re: How to move a logo to the right side of the header and resize the image box - Customized Responsive HTML 5 Layout - RoboHelp 11
Willam,
You are a GENIUS! I'm sorry I didn't respond earlier as the project was on hold.)
I edited the main.css stylesheet - everywhere it had "logo", I changed the width and height. It had been 1.5em, for example, in some places, so I experimented with 20em, etc. I'm still tweaking it, but my horizontal logo is looking great!
Now I'm just trying to find where to change the title for the browser title bar...
Thanks very much.
Gina
-
4. Re: How to move a logo to the right side of the header and resize the image box - Customized Responsive HTML 5 Layout - RoboHelp 11
By the way, I am using the "Theme1_Standard" Responsive Layout screen layout with a Multiscreen HTML5 single source layout, and it's working fine. It's not that you can't use the new layouts interchangeably with Multiscreen and Responsive single source layouts, it's that you can't edit the logo settings in the the screen layout editor - Layout Customization dialog. You have to edit the main.css, as Willem suggested.
Gina
-
5. Re: How to move a logo to the right side of the header and resize the image box - Customized Responsive HTML 5 Layout - RoboHelp 11
Scaling down requires a little more work. Chaing everything in the CSS will work. I will go into the details in my upcoming webinar of September 4th: Adobe - Online events : Event Details It's more efficient than typing it out.
Kind regards,
Willam
-
6. Re: How to move a logo to the right side of the header and resize the image box - Customized Responsive HTML 5 Layout - RoboHelp 11
Hi Willam,
I just registered for your webinar.
Thanks very much!
Gina