Advertisement:

Author Topic: Modify header of mobile version - Bender Theme (responsive)  (Read 6301 times)

magicwebsetter

  • Newbie
  • *
  • Posts: 14
Modify header of mobile version - Bender Theme (responsive)
« on: January 14, 2014, 06:31:19 pm »
Hello,

I am new to OSCLASS and created a site for micro ads with the software. The default theme I use is the responsive Bender Theme. Thanks to the support, tricks and tips in the forum I could solve several issues on my own, but I do not find a solution for the following issue:

The header does not auto adjust in size, when visiting the web with the tablet or the smartphone (in my case IPad, IPad Mini and IPhone 4 & 4S):

with tablets in vertical: Only part of the header is shown and I have to scroll to the right, in order to see it complete. On the other hand the last image I included in the logo, which I use as header, does not appear, instead it displays a white field.

with tablets in horizontal: shows the header nearly 100% correct, however part of the right image does not appear and on the other the top part of the header is repeated below the header logo.

with IPhones: the header logo is simply cut showing only the top left part of the normal header logo and not showing the search options at all.

Can anyone please tell me how to modify these issues, in order to auto adjust the header logo to the different display sizes (this should be possible with the responsive template, right?!) or to replace the header logo for the mobile versions?

On the other hand, how do I achieve to make the search options in the smartphone version visible?

Thank you very much for your support and feedbacks. Kindest regards!!

Ramesh

  • Jr. Member
  • **
  • Posts: 61
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #1 on: January 14, 2014, 07:55:35 pm »
hello , I can help you in creating your site design responsive .
u can get in touch at
skype : Ramesh Chouhan VIT
for quick response
and you can email at : rameshvikaschouhan[at]gmail[dot]com

magicwebsetter

  • Newbie
  • *
  • Posts: 14
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #2 on: January 15, 2014, 02:02:44 pm »
Hi Ramesh,

thank you very much for your reply. Isn't it supposed that the default Bender Theme is already responsive?? As a matter of fact certain things of the theme do change when visualising with smartphone, but some others like those issues I need to change do not.

Kind regards.

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #3 on: January 15, 2014, 10:01:41 pm »
global set images to 100% in width
easy fix..no charge ;-)

max-width: 100% !important;
height: auto !important;
« Last Edit: January 15, 2014, 10:04:08 pm by design »

magicwebsetter

  • Newbie
  • *
  • Posts: 14
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #4 on: January 16, 2014, 10:20:07 pm »
Hi design,

thank you very much for your feedback. In which document do I have to modify the global values for the images? Once again, thank you very much for your support!!

Kind regards.

magicwebsetter

  • Newbie
  • *
  • Posts: 14
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #5 on: January 20, 2014, 04:02:26 pm »
Hello,

I tried to modify indicated values in different docs, but with no changes. Could someone please tell me, which doc or docs I have to modify. Thanks a lot for your support.

Kind regards.

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #6 on: January 20, 2014, 09:54:45 pm »
in your css - send me your url and i can tell you what doc and line
« Last Edit: January 20, 2014, 10:05:01 pm by design »

magicwebsetter

  • Newbie
  • *
  • Posts: 14
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #7 on: January 21, 2014, 12:31:46 am »
Dear design,

once more, thank you for your support. I tried with changing values in main.css and responsive.css, but without any success.

The URL is www.fakbuk.com

Kind regards.

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #8 on: January 21, 2014, 12:40:13 am »
yikes…not helping that type of site.

magicwebsetter

  • Newbie
  • *
  • Posts: 14
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #9 on: January 21, 2014, 10:51:34 am »
Hi design,

well, I do not quite understand, however I respect your opinion. The problem is a coding issue, nothing to do with the content, however if you consider to do something that is against your convictions, well nothing to say in regard.

However I thank you a lot for your support till now. Anyone who can help me in regard to the explained problem please.

Thank you very much. Kind regards.

Ramesh

  • Jr. Member
  • **
  • Posts: 61
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #10 on: January 22, 2014, 04:07:58 pm »
tell us the issue ...

normally no theme is completely responsive , we have to make them responsive .
so if you think you need help please get in touch at skype or email mentioned earlier ..

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #11 on: January 22, 2014, 06:29:06 pm »
thanks for making the www a better place  >:(

magicwebsetter

  • Newbie
  • *
  • Posts: 14
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #12 on: January 26, 2014, 07:13:13 pm »
@Design:

By all respect,

it is not up to me nor to you to decide, what makes the internet a better place. Of course you are free to help or not in issues you consider correct or not and I respect that, but from there to try to convince others not to do so, because you are not fine with it, is another issue. As far as I know, I do not force anyone to use my web services.

I simply had/ have a technical question to an issue that I do not know to solve. However, once more thanks for your support.


@Ramesh:
Thank you very much for your reply. I will contact you tomorrow by Skype.

Kind regards.

arbayong

  • Newbie
  • *
  • Posts: 6
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #13 on: October 16, 2014, 02:40:24 am »
the easiest fix is to install the mobile theme plug in. hope its not too late a reply for some people

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: Modify header of mobile version - Bender Theme (responsive)
« Reply #14 on: October 16, 2014, 06:55:38 pm »
funny this got dug up...

Quote
By all respect,

it is not up to me nor to you to decide, what makes the internet a better place.

actually as web masters, it is our job to make the internet a better place.