0
Welcome Guest! Login
0 items Join Now

SOLVED RokBox Member Login - Change size of pop-up on mobile devices

Last Post
Search Topic
    • BPP's Avatar
    • BPP
    • Newbie
    • Posts: 6
    • Thanks: 0

    SOLVED RokBox Member Login - Change size of pop-up on mobile devices

    Posted 9 years 7 months ago
    • Hi RT,

      I am using the RokBox Member Login option which works great and I would like to adjust the CSS for the popup on mobile devices.


      This image is hidden for guests.
      Please log in or register to see it.



      Basically I would like to adjust the max-width of the div "data-rokboxcontent" and it's child div but the max-width appears to be calculated and applied as an inline style;
      	<div data-rokboxcontent="true" class="rokbox-content" style="max-width: 267px; max-height: 607px;">
		<div style="display: block; opacity: 1; visibility: visible; max-width: 267px; max-height: 607px;">
			<div id="rt-popuplogin" class="rokbox-content-element" style="display: block;">
			  	<div class="rt-block basic">


      When viewed on larger screens I found by applying the following CSS I could easily reduce the width of the popup;
      .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container {max-width: 800px;}


      Could you please advise if it is possible to change the max-width on smaller screens.
    #1238632
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED RokBox Member Login - Change size of pop-up on mobile devices

    Posted 9 years 7 months ago
    • Please do not post extensions/template specific questions in the "General Discussion" forum. You should post in the extension forum or template forum as appropriate. Most of these forums are for members who have a current PAID membership. Our priority is always to assist paying members.

      Thank you for your understanding.

      You membership appears to have expired - suppport does require a current subscription.

      What template?
      How are you invoking the rokbox? rokbox has a parameter data-rokbox-size that you can add (see rokbox docs).
      link to your site?

      Regards, Mark.

    • The following users have thanked you: BPP

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1238638
    • BPP's Avatar
    • BPP
    • Newbie
    • Posts: 6
    • Thanks: 0

    Re: SOLVED RokBox Member Login - Change size of pop-up on mobile devices

    Posted 9 years 7 months ago
    • I think I have solved the problem - just set the max-width on the #rt-popuplogin div;
      @media only screen and (max-width: 767px) {
	#rt-popuplogin {max-width: 90%;}

      Thanks.
    #1238639

Time to create page: 0.045 seconds